﻿<UserControl
    x:Class="Studio77.GuessTheWordsWin8.Views.CharacterBlock"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Studio77.GuessTheWordsWin8.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Height="61"
    Width="61">
	<UserControl.Resources>
		<Storyboard x:Name="StoryboardSelect">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="gridSelect">
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.9">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="gridSelect">
				<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.9">
					<EasingDoubleKeyFrame.EasingFunction>
						<CubicEase/>
					</EasingDoubleKeyFrame.EasingFunction>
				</EasingDoubleKeyFrame>
				<EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>

    <Grid>

		<Border x:Name="bdrBack" BorderThickness="1" BorderBrush="Black" Background="#FFEEEEEE">
			<TextBlock x:Name="txtContent" TextWrapping="Wrap" Foreground="Black" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40"/>
		</Border>
		<Grid x:Name="gridSelect" Width="57" Height="57" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Visibility="Collapsed">
			<Grid.RenderTransform>
				<CompositeTransform/>
			</Grid.RenderTransform>
			<Path Data="M0.333333,13.3333 L0.333333,0.666966 L12.3337,0.666966" HorizontalAlignment="Left" Height="18" Stretch="Fill" Stroke="Red" UseLayoutRounding="False" VerticalAlignment="Top" Width="18" StrokeThickness="4"/>
			<Path Data="M0.333333,13.3333 L0.333333,0.666966 L12.3337,0.666966" HorizontalAlignment="Right" Height="18" Stretch="Fill" Stroke="Red" UseLayoutRounding="False" VerticalAlignment="Top" Width="18" StrokeThickness="4" RenderTransformOrigin="0.5,0.5">
				<Path.RenderTransform>
					<CompositeTransform Rotation="90"/>
				</Path.RenderTransform>
			</Path>
			<Path Data="M0.333333,13.3333 L0.333333,0.666966 L12.3337,0.666966" HorizontalAlignment="Right" Height="18" Stretch="Fill" Stroke="Red" UseLayoutRounding="False" VerticalAlignment="Bottom" Width="18" StrokeThickness="4" RenderTransformOrigin="0.5,0.5">
				<Path.RenderTransform>
					<CompositeTransform Rotation="180"/>
				</Path.RenderTransform>
			</Path>
			<Path Data="M0.333333,13.3333 L0.333333,0.666966 L12.3337,0.666966" HorizontalAlignment="Left" Height="18" Stretch="Fill" Stroke="Red" UseLayoutRounding="False" VerticalAlignment="Bottom" Width="18" StrokeThickness="4" RenderTransformOrigin="0.5,0.5">
				<Path.RenderTransform>
					<CompositeTransform Rotation="270"/>
				</Path.RenderTransform>
			</Path>
		</Grid>
	</Grid>
</UserControl>
